/**
 * SPDX-FileCopyrightText: 2023-2025 Sangfor Technologies Inc.
 * SPDX-License-Identifier: Mulan PSL v2
 */
@flex: flex;

body {
  color: #495060;
}

.flex_row {
  display: @flex;
  flex-direction: row;
}

.flex_cloumn {
  display: @flex;
  flex-direction: column;
}

.text_ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pointer {
  cursor: pointer;
}

.white {
  color: #fff !important;
}

.common-page {
  height: 100%;
  background: #ebedf0;

  .table-data {
    height: calc(100% - 48px);
  }

  .sfv-grid {
    border: none;
    height: 100%;
    display: flex;
    flex-direction: column;

    .sfv-table {
      flex: 1;
    }
  }

  // 有tab包裹时

  .sfv-tabpanel {
    height: calc(100% - 48px);

    .sfv-tabpanel_wrap {
      height: calc(100% - 48px);

      .tabpanel-body-item,
      .tab-comp {
        height: 100%;
      }

      .table-data {
        height: 100%;
      }
    }
  }

}

.sv-running {
  background-color: #DDF9E2;
  color: #24B93B;

  i {
    color: #17C1C5;
  }
}

.sv-loading {
  background-color: #daeceb;
  color: #24B93B;
}

.sv-delete-loading {
  background-color: #caced9;
  color: #FFFFFF;
}

.sv-file {
  background-color: #ede2ed;
  color: #999999;

  i {
    color: #e65050;
  }
}

.sv-stopped {
  background-color: #EDEDED;
  color: #999999;

  i {
    color: #FA8C17;
  }
}


.sfv-scrollbar-auto-height + .sfv-table-empty-wrap {
  position: absolute !important;
}

.sfv-tooltip,
.sfv-layer {
  box-shadow: none !important;
}

.sfv-table_with-pagination .sfv-table_body {
  overflow-y: auto;
}

.iconjiazaiicon {
  display: inline-block;
  animation: zhuan 2.2s infinite linear;
  -webkit-animation: zhuan 2.2s linear linear;
}

@-webkit-keyframes zhuan {
  0% {
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
  100% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
}

.flex {
  display: flex !important;
}

.font-weight {
  font-weight: bold !important;
}

.line-through {
  text-decoration: line-through !important;
}

.task-common {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  display: inline-block;
}

.task-success {
  .status-img {
    background: url(./img/task_success.svg) no-repeat;
    background-size: 100% 100%;
  }
}

.task-run {
  .status-img {
    background: url(./img/task_run.svg) no-repeat;
    background-size: 100% 100%;
    animation: animal 2.2s infinite linear;
  }
}

.task-fail {
  .status-img {
    background: url(./img/task_fail.svg) no-repeat;
    background-size: 100% 100%;
  }
}

.sfv-table_header-cell {
  text-align: center !important;
  font-weight: bold;
}

.sfv-table_row .sfv-table_cell {
  text-align: center !important;
}
